<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <meta name="description" content="美丽联合集团是女性时尚媒体和时尚消费平台，通过整合现在已有的资源，包括电商、社区、红人、内容等等，来服务于不同的女性用户。蘑菇街是集团旗下定位于年轻女性用户的时尚媒体与时尚消费类App，核心用户人群为 18-23 岁年轻女性用户。2015年，蘑菇街以当红明星李易峰和“我的买手街”的品牌定位，成功树立了自身以买手精选为核心理念的差异化品牌形象。2016年，迪丽热巴以首席体验官的身份代表广大用户加入蘑菇街，从而更好地为年轻女性用户提供从美妆、穿搭分享到时尚购物的一站式消费体验。">
    <link rel="stylesheet" href="../src/css/reset.css">
    <link rel="stylesheet" href="../src/css/registry.css">
    <script src="./script/main.js" type="module" id="register"></script>
</head>

<body>
    <!-- 注册顶部区域 -->
    <header class="l_top">
        <section class="logo">
            <a href="javascript:;" title="蘑菇街">
                <img src="https://s10.mogucdn.com/mlcdn/c45406/190102_088f4i166l4gkl08k297h5kk8690i_260x200.png" alt="">
            </a>
            <span class="login_tip">依《网络安全法》相关要求，即日起蘑菇街会员登陆需绑定手机。为保障您的账户安全及正常使用，如您尚未绑定，请尽快完成绑定，感谢您的理解和支持!</span>
        </section>
    </header>

    <!-- 注册主体区域 -->
    <div class="l_main">
        <div class="l_banner fl">
            <a id="bgLink" target="_blank" class="banner1" href="javascript:;"></a>
        </div>
        <div class="lg_box fl">
            <!-- 登录方式tab -->
            <div class="lg_ways">
                <a class="lg_mod" href="javascript:;" title="新用户注册">新用户注册</a>
            </div>
            <div class="lg_form">
                <form action="http://10.31.155.75/mogujie/php/registry.php" method="post">
                    <div class="username">
                        <label for=""><i>用户名: </i></label><input type="text" maxlength="32" class="lg-input lg_uname" name="uname" placeholder="请输入用户名">
                        <span></span>
                    </div>
                    <div class="tel">
                        <label for=""><i>手机号: </i><input type="text" maxlength="11" class="lg-input lg_tel" name="tel"
                placeholder="请输入手机号"></label>
                        <span></span>
                    </div>
                    <div class="password">
                        <label for=""><i>密&emsp;码: </i><input type="password" maxlength="25" class="lg-input lg_pwd" name="password"
                placeholder="请输入6~25位字符密码"></label>
                        <span></span>
                    </div>
                    <div class="repwd">
                        <label for=""><i>确认密码: </i><input type="password" maxlength="25" class="lg-input lg_repwd" name="repwd"
                placeholder="请输入确认密码"></label>
                        <span></span>
                    </div>
                    <div class="agree">
                        <input type="checkbox" id="rules" class="lg_rules">
                        <label style="padding-left:3px" for="rules">我已阅读并同意<a href="" class="Red undline"
                target="_blank">《蘑菇街会员注册协议》</a></label>
                        <span></span>
                    </div>
                    <div class="btn">
                        <input type="submit" value="确认并注册" class="lg-input" name="submit">
                    </div>
                    <div class="register">
                        <a href="./login.html">已有账号,立即登录</a>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- 注册底部区域 -->
    <footer class="foot">
        <div class="container">
            <ul class="footer_list clearfix">
                <li class="footer_item"><a href="javascript:;">关于我们</a>
                </li>
                <li class="footer_item"><a href="javascript:;">招聘信息</a></li>
                <li class="footer_item"><a href="javascript:;">联系我们</a>
                </li>
                <li class="footer_item"><a href="javascript:;">商家入驻</a></li>
                <li class="footer_item"><a href="javascript:;">商家后台</a>
                </li>
                <li class="footer_item"><a href="javascript:;">规则中心</a>
                </li>
                <li class="footer_item"><a href="javascript:;">规则众议院</a>
                </li>
                <li class="footer_item"><a href="javascript:;">有害信息举报</a>
                </li>
                <li class="footer_item"><a href="javascript:;">用户隐私保护</a>
                </li>
                <li class="footer_item">
                    <a href="javascript:;">意见反馈</a>
                </li>
            </ul>
            <div class="footer_hostname"><span>©2020 Mogu.com 杭州卷瓜网络有限公司</span></div>
        </div>
    </footer>
</body>

</html>